<template>
  <div>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/user' }">后台首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: paths }">{{ name }}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: "",
      paths:""
    };
  },
  watch: {
    $route: {
      handler(newval) {
        this.name = newval.meta.title;
        this.paths= newval.meta.path
      },
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
</style>
